import {useState } from 'react'
import Children from '../children/children';

function Father (props,ref){
    console.log(props);
	const [value, setValue] = useState(10);
    function getValueFromSon(param) {
        setValue(param)//这个执行的是父亲的setValue，param是参数，在儿子中执行的时候，将儿子的某个值作为参数来执行。
    }

    function printvalue() {
        console.log(value)
    }
    function Fangfa(name1,data){
        console.log("父组件传的值",data);
    }
	return (
 		<div className="Home">
            <button onClick={printvalue}>父组件打印value</button>
            <Children  sendValueToFather={getValueFromSon} value={value}  Fangfa={()=>Fangfa(name1,data)}/>
             { /*getValueFromSon.bind(this)  将父亲的这个方法作为一个参数传给儿子，并绑定父亲自己的this*/}
        
              <img src='../../assets/react.svg'></img>
        </div>
	)
}
export default Father
